<template>
  <header>
    <h1>品优购购物商城服务条款</h1>
  </header>
  <main>
    <section>
      <h2>1. 使用条款</h2>
      <p>欢迎访问购物商城服务条款页面。使用本网站即表示您同意遵守以下条款和条件。</p>
      <ul>
        <li>提供真实、准确、完整的个人信息。</li>
        <li>允许平台访问用户设备空间，以便商品图片、视频的存放。</li>
        <li>自行配备上网的所需设备，包括个人手机、平板电脑、调制解调器、路由器等。</li>
        <li>自行负担个人上网所支付的与此服务有关的电话费用、网络费用等。</li>
        <li>您点击“同意”按钮即视为您完全接受本使用条款，在点击之前请您再次确认已知悉并完全理解本使用条款的全部内容。</li>
      </ul>
    </section>
    <section>
      <h2>2. 服务提供</h2>
      <p>购物商城致力于为用户提供优质的购物体验。我们保证所售商品的质量和正品保证。</p>
      <ul>
        <li>提供其他买家对此商品的评价信息。</li>
        <li>提供安全的支付系统，与信誉良好的第三方支付平台合作。</li>
        <li>提供完善的售后服务，如退换货政策、质量保证期等。</li>
        <li>在商品详情页或合同中明确承诺商品为正品，并承担因商品质量问题引起的法律责任。</li>
        <li>提供24小时在线的客服为用户答疑。</li>
        <li>提供详尽的商品信息，包括商品的种类、型号、材质、功能、价格等。</li>
        <li>提供订单追踪功能，让用户随时了解商品的运输状态。</li>
        <li>在商品上设置特殊的防伪标识，如防伪码、防伪标签等。</li>
      </ul>
    </section>
    <section>
      <h2>3. 用户责任</h2>
      <p>用户在使用购物商城服务时，需遵守以下责任：</p>
      <ul>
        <li>不得以任何形式侵犯他人的知识产权。</li>
        <li>不得散播虚假信息。</li>
        <li>不得利用购物商城进行非法活动。</li>
        <li>不得企图干扰、破坏品优购系统或网站的正常运转，故意传播恶意程序或病毒以及其他破坏干扰正常网络信息服务的行为。</li>
        <li>不得教唆他人从事违法违规或本协议、平台规则所禁止的行为。</li>
        <li>不得传输或发表任何违法犯罪的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、伤害性的、庸俗的、不文明的等信息资料。</li>
        <li>不得发布其他对网络生态造成不良影响的内容，及法律、行政法规禁止的其他内容。</li>
      </ul>
    </section>
    <section>
      <h2>4. 免责声明</h2>
      <p>购物商城不对以下情况承担责任：</p>
      <ul>
        <li>因不可抗力导致的服务中断。</li>
        <li>因用户使用本网站造成的任何直接或间接损失。</li>
        <li>因消费者个人过失导致商品损坏。</li>
        <li>因消费者未遵循退货、退款政策造成损失。</li>
        <li>因在第三方商城购买的物品出现问题。</li>
      </ul>
    </section>
    <section>
      <h2>5. 法律适用</h2>
      <p>购物商城的服务条款受到当地法律的约束。对于因服务条款引起的任何争议，应依法解决。</p>
    </section>
  </main>
  <footer>
    <img src="../../assets/logo.png" />
    <p>品优购 &copy; 2024</p>
  </footer>
</template>

<style scoped>
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
}

header {
  background-color: #333;
  color: #fff;
  padding: 20px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

h1 {
  margin: 0;
  /* font-size: 24px; */
}

main {
  padding: 20px;
}

section {
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

h2 {
  color: #333;
  font-size: 20px;
  margin-top: 0;
}

p {
  line-height: 1.6;
}

ul {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 20px;
}

footer {
  color: #999;
  text-align: center;
  padding: 20px;
  margin-top: 30px;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}

a {
  color: #fff;
}

a:hover {
  text-decoration: underline;
}

img {
  width: 500px;
  height: 100px;
  object-fit: cover;
}
</style>
